<h1 class="page_title">
		树形菜单	</h1>
		<h2>
		1 Jquery树形菜单	</h2>
	<div class="codeView bs-docs-example ">
				<div class="row">
			<div class="col-md-6 ">
		    <!--Jquery树形菜单一-->
    		<div class="tree well  ">
				        	<ul>
		            		<li> 
		                	<span>
					<i class="icon-folder-open"></i>
				父节点	</span>
                	<a href="#">
		连接到	</a>
                                	<ul>
		                			<li> 
		                	<span>
					<i class="icon-minus-sign"></i>
				儿子	</span>
                	<a href="#">
		连接到	</a>
                                        	<ul>
		                        			<li> 
		                	<span>
					<i class="icon-leaf"></i>
				大的孩子	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                            </ul>
                            </li>
                    		<li> 
		                	<span>
					<i class="icon-minus-sign"></i>
				儿子	</span>
                	<a href="#">
		连接到	</a>
                                        	<ul>
		                        			<li> 
		                	<span>
					<i class="icon-leaf"></i>
				大的孩子	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                        			<li> 
		                	<span>
					<i class="icon-minus-sign"></i>
				大的孩子	</span>
                	<a href="#">
		连接到	</a>
                                                	<ul>
		                                			<li> 
		                	<span>
					<i class="icon-minus-sign"></i>
				曾孙	</span>
                	<a href="#">
		连接到	</a>
                                                        	<ul>
		                                        			<li> 
		                	<span>
					<i class="icon-leaf"></i>
				重孙	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                                        			<li> 
		                	<span>
					<i class="icon-leaf"></i>
				重孙	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                                             </ul>
                                            </li>
                                    		<li> 
		                	<span>
					<i class="icon-leaf"></i>
				曾孙	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                                    		<li> 
		                	<span>
					<i class="icon-leaf"></i>
				曾孙	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                                    </ul>
                                    </li>
                            		<li> 
		                	<span>
					<i class="icon-leaf"></i>
				大的孩子	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                            </ul>
                            </li>
                    </ul>
                    </li>
            		<li> 
		                	<span>
					<i class="icon-folder-open"></i>
				父节点2	</span>
                	<a href="#">
		连接到	</a>
                                	<ul>
		                			<li> 
		                	<span>
					<i class="icon-leaf"></i>
				儿子	</span>
                	<a href="#">
		连接到	</a>
                        </li>
                    </ul>
                    </li>
            </ul>
    		</div>
	</div>

	<div class="col-md-6 ">
		        <!--Jquery树形菜单二-->                  
        	<div class="tree  ">
		            	<ul>
		                		<li> 
		                    	<span>
					<i class="icon-calendar"></i>
				                        2013年,第2周                    	</span>
                                        	<ul>
		                    			<li> 
		                    	<span class="badge badge-success">
					<i class="icon-minus-sign"></i>
				                        星期一,1月7日:8.00小时                    	</span>
                                                	<ul>
		                            			<li> 
			<span>
					<i class="icon-time"></i>
				8.00	</span>
&ndash;	<a href="#">
		更新css代码，并提交版本库...	</a>
    </li>
                                </ul>
                                </li>
                        		<li> 
		                    	<span class="badge badge-success">
					<i class="icon-minus-sign"></i>
				                        星期二, 1月8号，8个小时                    	</span>
                                                	<ul>
		                            			<li> 
			<span>
					<i class="icon-time"></i>
				6.00	</span>
&ndash;	<a href="#">
		更新css代码，并提交版本库...	</a>
    </li>
                            			<li> 
			<span>
					<i class="icon-time"></i>
				2.00	</span>
&ndash;	<a href="#">
		修改bug...	</a>
    </li>
                                </ul>
                                </li>
                         		<li> 
		                    	<span class="badge badge-warning">
					<i class="icon-minus-sign"></i>
				                        星期三, 1月9号，6个小时                    	</span>
                                                	<ul>
		                            			<li> 
			<span>
					<i class="icon-time"></i>
				3.00	</span>
&ndash;	<a href="#">
		修改bug...	</a>
    </li>
                            			<li> 
			<span>
					<i class="icon-time"></i>
				3.00	</span>
&ndash;	<a href="#">
		提交代码...	</a>
    </li>
                                </ul>
                                </li>
                        		<li> 
		                    	<span class="badge badge-important">
					<i class="icon-time"></i>
				                        周三,1月9日:4.00小时                    	</span>
                                                	<ul>
		                            			<li> 
			<span>
					<i class="icon-time"></i>
				2.00	</span>
&ndash;	<a href="#">
		创建组件...	</a>
    </li>
                                </ul>
                                </li>
                        </ul>
                        </li>
                		<li> 
		                    	<span>
					<i class="icon-calendar"></i>
				                        2013年,第3周                    	</span>
                                        	<ul>
		                    			<li> 
		                    	<span class="badge badge-success">
					<i class="icon-minus-sign"></i>
				                        星期一,1月14日:8.00小时                    	</span>
                                                	<ul>
		                            			<li> 
			<span>
					<i class="icon-time"></i>
				7.75	</span>
&ndash;	<a href="#">
		编写文档...	</a>
    </li>
                            			<li> 
			<span>
					<i class="icon-time"></i>
				0.25	</span>
&ndash;	<a href="#">
		恢复代码...	</a>
    </li>
                                </ul>
                                </li>
                        </ul>
                        </li>
            </ul>
    	</div>
	</div>
	</div>
	<script type="text/javascript">
		$(function(){
		    $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
		    $('.tree li.parent_li > span').on('click', function (e) {
		        var children = $(this).parent('li.parent_li').find(' > ul > li');
		        if (children.is(":visible")) {
		            children.hide('fast');
		            $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
		        } else {
		            children.show('fast');
		            $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
		        }
		        e.stopPropagation();
		    });
		});
	</script>
	</div>
		<h2>
		2 Treeview树	</h2>
	<div class="codeView bs-docs-example ">
			<script language='javascript'>
	$(function() { $(".treeNew").treeview({ persist: "cookie", collapsed: true, unique: false}) })
</script>

<div class='row treeviewBox'>
    <div class='col-sm-4'>
      <div class='panel panel-sm'>
        <div class='panel-heading'>
          <i class='icon-sitemap'></i>
		  <strong>维护部门结构:demo</strong>
		  <span style="float:right">
			<button type='submit' id='submit' class="updateBtn" title="更新排序">
				<i class="icon-refresh"></i>
			</button>
		  </span>
        </div>
        <div class='panel-body'>
          <form method='post' target='hiddenwin' action='url'>
			<ul class='treeNew'>
				<li>技术部 
					<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
					<a href='javascript:void(0);' title="下级部门"><i class="icon-user-md"></i></a>
					<input type='text' name='orders[3]' id='orders[3]' value='0' style="width:30px;text-align:center" />
				<ul>
					<li>开发aa 
						<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
						<a href='javascript:void(0);' title="下级部门"><i class="icon-user-md"></i></a>
						<input type='text' name='orders[17]' id='orders[17]' value='10' style="width:30px;text-align:center" />
					<ul>
						<li>部门名称 
							<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
							<a href='javascript:void(0);' title="下级部门"><i class="icon-user-md"></i></a>
							<input type='text' name='orders[27]' id='orders[27]' value='10' style="width:30px;text-align:center" />
						<ul>
							<li>还好还好 
								<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
								<a href='javascript:void(0);' title="下级部门"><i class="icon-user-md"></i></a>
								<input type='text' name='orders[29]' id='orders[29]' value='10' style="width:30px;text-align:center" />
							</li>
						</ul>
						</li>
						<li>标题名称 
							<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
							<a href='/dept-browse-28.html' title="下级部门"><i class="icon-user-md"></i></a>
							<input type='text' name='orders[28]' id='orders[28]' value='20' style="width:30px;text-align:center"/>
						</li>
					</ul>
					</li>
					<li>测试aa
						<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
						<a href='javascript:void(0);' title="下级部门"><i class="icon-user-md"></i></a>
						<input type='text' name='orders[18]' id='orders[18]' value='20' style="width:30px;text-align:center" />
					</li>
					</ul>
				</li>
				<li>工程部
					<a href='javascript:void(0);' target='' data-toggle="modal" data-type="ajax" title="编辑"><i class="icon-edit"></i></a>
					<a href='javascript:void(0);' title="下级部门"><i class="icon-user-md"></i></a>
					<input type='text' name='orders[9]' id='orders[9]' value='10' style="width:30px;text-align:center" />
				</li>
			</ul>
          </form>
        </div>
      </div>
    </div>
    <div class='col-sm-8'>
      <div class='panel panel-sm'>
        <div class='panel-heading'>
          <i class='icon-sitemap'></i> <strong>下级部门</strong>
        </div>
        <div class='panel-body'>
          <form method='post' target='hiddenwin' action='url' class='form-condensed'>
            <table class='table table-form'>
              <tr>
               <td class="col-2">
                  <nobr>
					<a href='javascript:void(0);' >demo</a>&nbsp;<i class="icon-angle-right"></i>&nbsp;
				  </nobr>
                </td>
                <td> 
					<input type='text' name='depts[id3]' id='depts[id3]' value='技术部' class='form-control' />
					<input type='text' name='depts[id9]' id='depts[id9]' value='工程部' class='form-control' />
					<input type='text' name='depts[]' id='depts[]' value='' class='form-control' />
                </td>
              </tr>
              <tr>
                <td></td>
                <td>
                   <button type='submit' id='submit'  class='btn btn-submit btn-primary'>保存</button>
				   <a href='javascript:history.go(-1);' class='btn grayBtn' >返回</a>
                </td>
              </tr>
            </table>
          </form>
        </div>
      </div>
    </div>
  </div>	</div>
		<h3>
		组件包	</h3>
	<pre class="prettyprint linenums"><span class="Huialert-danger">以上组件依赖org.tinygroup.Smart-treeview包即可</span></pre>
